<style scoped>
.expand-row {
  margin-bottom: 5px;
}
</style>
<template>
    <div>
        <Row class="expand-row">
            <Col span="24">
                <span class="expand-key">商户LOGO: </span>
                <span class="expand-value">
                    <img :src="row.merchants_logo" alt="">
                </span>
            </Col>
        </Row>
        <Row class="expand-row">
            <Col span="24">
                <span class="expand-key">商户名称: </span>
                <span class="expand-value">{{ row.merchants_name }}</span>
            </Col>
        </Row>
        <Row class="expand-row">
            <Col span="24">
                <span class="expand-key">商户地址: </span>
                <span class="expand-value">{{ row.merchants_address }}</span>
            </Col>
        </Row>   
        <Row class="expand-row">
            <Col span="24">
                <span class="expand-key">营业时间: </span>
                <span class="expand-value">{{ row.business_start_time}}-{{row.business_end_time}}</span>
            </Col>
        </Row>   
         <Row class="expand-row">
           <Col span="4">
                <span class="expand-key">商户设施: </span>
                
            </Col>
            <Col span="20">
                <Col span="24">
                    <Col span="12" v-for="item in row.facilities">
                       <span>{{item.name}}</span>
                    </Col>
                </Col>
            </Col>
        </Row>   
        <Row class="expand-row">
            <Col span="4">
                <span class="expand-key">商户简介: </span>
                
            </Col>
            <Col span="20">
                <span class="expand-key"> {{ row.merchants_introduce}}</span>
                <Col span="24">
                    <Col span="8" v-for="item in row.merchants_imgs">
                        <img :src="item" alt="">
                    </Col>
                </Col>
            </Col>
        </Row>
            
            
        </Row>
    </div>
</template>
<script>
export default {
  name: "MerchantsDetail",
  props: {
    row: Object
  }
};
</script>